<template>
    <div>
        <van-nav-bar title="我的订单" left-text="" right-text="按钮" left-arrow @click-left="onClickLeft"
            @click-right="onClickRight" />
        <van-search v-model="value" placeholder="请输入搜索关键词" />
        <van-tabs v-model:active="active">
            <van-tab title="全部">
                <img style="float: left;"
                    src="http://image2.suning.cn/uimg/b2c/newcatentries/0070078057-000000000634917020_1_400x400.jpg"
                    alt="">
                <p style="float: left;">"创维（Skyworth）65V9E 65英寸25核4K HDR高清智能电视"</p>
                <img style="float: left;" src="./img/1.png" alt="">
                <p style="float: left;">"创维（Skyworth）65V9E 65英寸25核4K HDR高清智能电视"</p>
                <img style="float: left;" src="./img/1.png" alt="">
                <p style="float: left;">"创维（Skyworth）65V9E 65英寸25核4K HDR高清智能电视"</p>
            </van-tab>
            <van-tab title="代付款">代付款</van-tab>
            <van-tab title="代收货">代收货</van-tab>
            <van-tab title="已完成">已完成</van-tab>
        </van-tabs>

        <div>

        </div>



    </div>
</template>

<script setup>
import { ref } from 'vue';
const value = ref('');


</script>

<style lang="scss" scoped></style>